
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Cards</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link
            href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
            rel="stylesheet"
        >
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="container">       
            <article class="card">
                <div class='background'>
                    <img src="assets/profile.png" alt="profile">
                </div>
                <div class='content'>
                    <h2>Zack Wilson &#127468;&#127463;</h2>
                    <p>
                        Senior full-stack engineer at 
                        <a href="https://google.com" title="Google">Google</a>
                    </p>
                    <p>Helping with:</p>
                    <ul class="chips">
                        <li class="chip">React.js</li>
                        <li class="chip">Node.js</li>
                        <li class="chip">PostgreSQL</li>
                    </ul>
                    <div class="action-buttons">
                        <a href="#book-a-mentor">
                            Book a lector
                        </a>
                        <a href="#learn-more" class="secondary">
                            Learn More
                        </a>
                    </div>
                </div>
            </article>
        </div>
    </body>
</html>



